@charset "utf-8";

/* CSS reset */
html { color:#000; background:#FFF; }
body { font-size: 12px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: normal;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; *font-size:100%; /*to enable resizing for IE*/ }
legend { color:#000; }

/* font */
.f10 { font-size:10px }
.f12 { font-size:12px; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.f18 { font-size:18px; }
.f20 { font-size:20px; }
.fn { font-weight:normal; }
.fb { font-weight:bold; }

/* text-align */
.tc{ text-align:center; }
.tl{ text-align:left; }
.tr{ text-align:right; }

.bc { margin-left: auto; margin-right: auto; }

/* float */
.fl{ float: left; display: inline; }
.fr{ float: right; display: inline; }
.cb { clear: both; }
.cl { clear:left; }
.cr { clear: right; }

.vm { vertical-align: middle; }

.pr { position: relative; }
.pa { position: absolute; }

.zoom { zoom: 1; }
.hidden{ display: none; }
.block{ display: block; }
.none { display: none; }

/* padding */
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt80 { padding-top: 80px; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pl10 { padding-left: 10px; }
.pl40 { padding-left: 40px; }
.pr10 { padding-right: 10px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }

/* margin */
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt50 { margin-top: 50px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px }
.ml10 { margin-left:10px; }
.ml40 { margin-left:40px; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mr40 { margin-right:40px; }

/* color */
.red { color: red; }
.gray { color: #CCCCCC; }
.white { color: white; }

/* width & height */
.w240 { width: 240px; }
.w320 { width: 320px; }

.sa-container { margin: 0 25px; }